<template>
    <div class="bang">
        <div class="wen-top">
            <router-link to="../bang">
                <img src="../../assets/images/fanhui.png" alt="" class="fanhui">
            </router-link>
            <h3>绑定身份证</h3>
        </div>
        <div class="zheng">

        </div>
        <div class="fan">
            
        </div>
        <button class="que">确定</button>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped>
    .bang{
        width: 120%;
        height: 92vh;
        margin-left: -30px;
        margin-top: -20px;
        position: relative;
        .wen-top{
            width: 100%;
            height: 40px;
            border-bottom: solid 1px #cfcccc;
            .fanhui{
                width: 25px;
                height: 25px;
                margin: 5px 10px;
            }
            h3{
                position: absolute;
                top: 5px;
                left: 150px;
                font-weight: 600;
            }    
        }
        .zheng{
            width: 300px;
            height: 200px;
            border: solid 1px #000;
            border-radius: 10px;
            position: absolute;
            top: 70px;
            left: 35px;
        }
        .fan{
            width: 300px;
            height: 200px;
            border: solid 1px #000;
            border-radius: 10px;
            position: absolute;
            top: 300px;
            left: 35px;
        }
        .que{
            width: 300px;
            height: 40px;
            text-align: center;
            background-color: #3087ea;
            color: white;
            border-radius: 10px;
            position: absolute;
            top: 580px;
            border: none;
            left: 35px;
        }
    }
</style>